<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<html>
<head>
<% String path = request.getContextPath();
   String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>小区"使用的地图"的示例</title>
<link type="text/css" href="<%=basePath %>map/css/map.css" rev="stylesheet" rel="stylesheet">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script> 
<script type="text/javascript" src="<%=basePath %>map/js/simpleMap.js"></script>
</head>
<body>
	<div id="container" align="center"style="width:540px;height:200px;border:#ccc solid 1px;"  >  
	</div>
	<div style="position:right;">
		<input type="button" name="test" value="test" onclick="testSearch();">
	</div>
	<div id="results">
		<p>
		<h1>小区地图使用说明</h1>
		<pre>
			step 1:
			         引入下面的js和css
				&ltlink type=&quottext/css&quot href=&quot&lt%=basePath %&gtmap/css/map.css&quot rev=&quotstylesheet&quot rel=&quotstylesheet&quot&gt
				&ltscript type=&quottext/javascript&quot src=&quothttp://api.map.baidu.com/api?v=1.2&quot&gt&lt/script&gt 
				&ltscript type=&quottext/javascript&quot src=&quot&lt%=basePath %&gtmap/js/simpleMap.js&quot&gt&lt/script&gt
			step 2:
				 把下面的div拷贝到你需要显示是小区地图的位置，高度大小根据具体需要修改div里面的style的width，height属性
		        &ltdiv id=&quotcontainer&quot align=&quotcenter&quotstyle=&quotwidth:540px;height:200px;border:#ccc solid 1px;&quot  &gt  
				&lt/div&gt
			step 3:
			         调用地图创建函数，举例说明，如下：
			    &ltscript type=&quottext/javascript&quot&gt
				    var data =  {
				    	    name:&quot大叔山庄&quot,
				    	    point:&quot113.37615|23.119522&quot
				    	  };
					initMap(data);
    			    &lt/script&gt
			         本例子的数据是用静态数据，实际的页面，根据后台返回的小区信息自己构建一个json格式的数据，如上面一样，
			    name和point是固定的，point里面的格式也是固定的（经度|纬度），构造完成后，在你需要显示小区地图时，
			          调用initMap(data)，在sks里面，大部分的小区地图应该是确保后台数据已经到达前台，再调用initMap();
			          我的做法是：把创建地图的js代码放在&lt/body&gt标签之后，让页面解析完再调用地图创建函数。
		</pre>
		
	</div>
</body>
<script type="text/javascript">
    var data =  {
    	    name:"大叔山庄",
    	    point:"113.37615|23.119522"
    	  };
	initMap(data);
    
	
</script>
</html>